import React, {Component} from 'react';
import {Link,Route,Redirect} from "react-router-dom";
import Mac from "../Mac/Mac";
import Apple from "../Apple/Apple";
import "./Index.css"
class Index extends Component {
    render() {
        return (
            <div>
                <div className={'header'}>
                    <header>
                        <Link to={'/Apple'}><img src="https://www.apple.com.cn/ac/globalnav/6/zh_CN/images/be15095f-5a20-57d0-ad14-cf4c638e223a/globalnav_apple_image__cxwwnrj0urau_large.svg" alt=""/></Link>
                        <Link to={'/Mac'}>Mac</Link>
                        <Link to={'/ipad'}>ipad</Link>
                        <Link to={'/Watch'}>Watch</Link>
                        <Link to={'/Music'}>Music</Link>
                        <Link to={"/zh-cn"}>技术支持</Link>
                        {/*<Link to={'/shou'}><img src="https://www.apple.com.cn/ac/globalnav/6/zh_CN/images/be15095f-5a20-57d0-ad14-cf4c638e223a/globalnav_search_image__fca9mfoh8a2q_large.svg" alt=""/></Link>*/}
                        <Link to={"/gowu"}><img src="https://www.apple.com.cn/ac/globalnav/6/zh_CN/images/be15095f-5a20-57d0-ad14-cf4c638e223a/globalnav_bag_image__bmix8075eg4i_large.svg" alt=""/></Link>
                    </header>
                </div>

                <section>
                    <Route path={'/'} exact render={()=><Redirect to={'/Apple'}/>}/>
                    <Route path={'/Apple'} component={Apple}/>
                </section>
            </div>
        );
    }
}

export default Index;